//1.id只找到前面第一个元素 页面有多个会报错
let app = document.getElementById('app');
app.style.backgroundColor = '#ddd';

//2.class 可以找到多个元素 可以用for循环和下标找到元素 获得的是数组
let olList = document.getElementsByClassName('ol-list');
for (let i = 0; i < olList.length; i++) {
    olList[i].style.listStyle = 'none';
}
//3.tag,多个元素，可以使用for和下标找到元素
let a = document.getElementsByTagName('a');
for (let i = 0; i < a.length; i++) {
    a[i].style.textDecoration = 'none';
    a[i].style.color = 'red';
}
//4.querySelector("css选择器"):只获得第一个
let applet = document.querySelector('#app');
applet.style.border = '5px solid black';

//5.querySelectorAll("css选择器"):获得很多个，哪怕是id
let applet1 = document.querySelectorAll('#app');
for (let i = 0; i < applet1.length; i++) {
    applet1[i].style.backgroundColor = 'yellow';
    applet1[i].style.width = '300px'
}
